<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>

    <title th:text="${siteconfig.name}?:'不迷失博客'+'-书籍分类-'+${catalog}">不迷失-专注Java技术的研究，关注程序员的发展</title>
    <meta name="description"
          th:content="${siteconfig.description}?:'不迷失博客'"/>
    <meta name="keywords" th:content="${siteconfig.keywords}?:'不迷失博客'"/>
    <div th:replace="head"></div>
    <style>
        #pagebar:hover {
            background-color: #5bc0eb;
            color: white;

        }
    </style>
</head>

<body>
<div th:replace="header"></div>
<div id="main" style="min-height: 800px;">
    <div class="row box">
        <div class="col-md-8">
            <!--<h2 class="uptop"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i> <a-->
            <!--href="http://tangjie.me/blog/197.html" target="_blank">不容错过的产品经理书籍推荐</a></h2>-->
            <h2 th:if="${#lists.isEmpty(pageModel.list)}">暂无书籍</h2>
            <article class="article-list-1 clearfix" th:each="item:${pageModel.list}">
                <header class="clearfix">
                    <h1 class="post-title"><a th:href="@{/book/{id}(id=${item.id})}" th:text="${item.name}">三套极简风格的WordPress主题模板</a>
                    </h1>
                    <div class="post-meta">
                        <span class="meta-span"><i class="fa fa-calendar"></i> <span
                                th:text="${#dates.format(item.publishTime,'yyyy/MM/dd')}"></span></span>
                        <span class="meta-span"><i class="fa fa-folder-open-o"></i> <a
                                th:href="@{/book/catalog/{catalog}(catalog=${item.catalog})}" rel="category tag"
                                th:text="${item.catalogDisplay}">一些分享</a></span>

                    </div>
                </header>
                <div class="post-content clearfix" th:if="${item.img!=null}" >
                   <p style="text-align: center"><img th:src="${item.img}" width="50%" height="50%"/></p>
                    <br/>
                    <p th:text="${item.description}" th:if="${item.description!=null}"></p>
                </div>
            </article>
            <div id="pagebar"
                 style="color:white;line-height: 50px;cursor: pointer;background-color: #5bc0eb;text-align: center;"
                 th:if="${(not #lists.isEmpty(pageModel.list)) and (pageModel.hasNext)}"><a id="pagelink"
                                                                                            style="display: block;color:white;"
                                                                                            th:href="@{/blog/catalog/{catalog}(catalog=${catalog},page=${page+1})}">下一页</a>
            </div>

        </div>
        <div class="col-md-4 hidden-xs hidden-sm">


            <aside class="widget clearfix">
                <h4 class="widget-title">分类</h4>
                <div class="widget-cat">
                    <ul>

                        <li class="cat-item cat-item-20" th:each="catalog:${catalogs}">
                            <a th:href="@{/book/catalog/{catalog}(catalog=${catalog.id})}"
                               th:text="${catalog.label}">分类</a>
                        </li>

                    </ul>
                </div>
            </aside>
            <!--<aside class="widget clearfix">-->
                <!--<h4 class="widget-title">推荐阅读</h4>-->
                <!--<ul class="widget-hot">-->

                    <!--&lt;!&ndash;<li><a href="http://tangjie.me/book/196.html" target="_blank">【博客改版】极简风格，全新JieStyle</a></li>&ndash;&gt;-->

                <!--</ul>-->
            <!--</aside>-->


        </div>
    </div>
</div>

<div th:replace="footer"></div>

</body>
</html>